<div id="new-product">
    <form method="post" id="submit" name="submit">
        <div class="new-product-left">
            <div>
                <input id="articles" name="article" class="new-product-title" type="text" placeholder="Article title">
            </div>

            <div style="width: 100%; height: 40px">
                <button type="button" class="button-item popup-upload">Images</button>
            </div>
            <div id="content-vn" class="editors">
                <span class="books-info-title">Article information</span>
                <textarea class="ckeditor" cols="80"  name="editor_vn" rows="10"></textarea>
            </div>
        </div>
        <div class="new-product-right">
            <div class="new-product-info">
                <div class="new-product-info-title"><label>Other information</label></div>
                <div class="new-product-info-item">
                    <div class="product-item-child">
                        <label>Category:</label>
                        <input name="cover" type="text">
                    </div>
                </div>
                <div class="new-product-info-item">
                    <div class="product-item-child">
                        <label>Tag:</label>
                        <input name="cover" type="text">
                    </div>
                </div>
                <div class="new-product-info-item">
                    <div class="product-item-child">
                        <label>Image (if exists):</label>
                        <div class="product-item-img">
                            <img src="<?php echo ROOT_URL; ?>public/images/images-default.gif">
                            <input type="hidden" name="image">
                        </div>
                    </div>
                </div>
                <div class="new-product-info-item">
                    <div class="product-item-child">
                        <label id="publish-notification"></label>
                        <button type="button" class="product-item-submit button-item">Post</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>

<!-- Uploader--->
<script src="<?php echo ROOT_URL; ?>public/js/jquery-ui-1.11.1/jquery-ui.js"></script>
<link rel="stylesheet" href="<?php echo ROOT_URL; ?>public/uploader/uploader.css"/>
<script src="<?php echo ROOT_URL; ?>public/uploader/uploader.js"></script>
<div id="w_popup">
    <div class="w_popup">
        <div class="w_popup_left">
            <div class="w_popup_left_content">
                <ul id="w_popup_method">
                    <li value="1" class="w_popup_desktop active"><i class="icon-desktop"></i></li>
                    <li value="2" class="w_popup_upload"><i class="icon-cloud-upload"></i></li>
                    <li value="3" class="w_popup_link"><i class="icon-link"></i></li>
                    <li value="4" class="w_popup_facebook"><i class="icon-facebook"></i></li>
                    <li value="5" class="w_popup_dropbox"><i class="icon-dropbox"></i></li>
                </ul>
            </div>
        </div>
        <div class="w_popup_right">
            <!-- Desktop -->
            <div class="w_popup_right_item w_popup_right_content">
                <div class="w-popup-header">
                    <div class="w-popup-header-content">
                        <ul>
                            <li>Home</li>
                            <li><i class="icon-angle-right"></i></li>
                            <li>Media</li>
                        </ul>
                    </div>
                </div>
                <div class="w-popup-body">
                    <div class="w-popup-left">
                        <div id="tree" class="tree tree-unselectable">
                            <div class="tree-folder">
                                <div class="tree-folder-header">
                                    <i class="red icon-folder-open"></i>
                                    <div class="tree-folder-name">aaaaaaaaa</div>
                                </div>

                                <div class="tree-folder-content">
                                    <div class="tree-folder">
                                        <div class="tree-folder-header">
                                            <div class="tree-folder-name">assssssssss</div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="w-popup-right">
                        <div class="w-popup-image-time">May 2010</div>
                        <div class="w-popup-image">
                            <div class="centered">
                                <img class="w-popup-img" title="" alt="" src="<?php echo ROOT_URL; ?>upload/images/google.jpg">
                            </div>
                            <span class="w-popup-image-checked"><i class="icon-heart"></i></span>
                        </div>
                        <div class="w-popup-image selected">
                            <div class="centered">
                                <img title="" alt="" src="<?php echo ROOT_URL; ?>upload/images/nhung-thiet-ke-bia-sach-me-hoac-nguoi-xem.jpg">
                            </div>
                            <span class="w-popup-image-checked"><i class="icon-heart"></i></span>
                        </div>
                        <div class="w-popup-image">
                            <div class="centered">
                                <img title="" alt="" src="<?php echo ROOT_URL; ?>upload/images/stories.imgpost.durex-nghe-thuat-cua-quang-caonsp_187.jpg">
                            </div>
                            <span class="w-popup-image-checked"><i class="icon-heart"></i></span>
                        </div>
                        <div class="w-popup-image">
                            <div class="centered">
                                <img title="" alt="" src="<?php echo ROOT_URL; ?>upload/images/stories.imgpost.durex-nghe-thuat-cua-quang-caonsp_187.jpg">
                            </div>
                            <span class="w-popup-image-checked"><i class="icon-heart"></i></span>
                        </div>
                        <div class="w-popup-image">
                            <div class="centered">
                                <img title="" alt="" src="<?php echo ROOT_URL; ?>upload/images/stories.imgpost.durex-nghe-thuat-cua-quang-caonsp_187.jpg">
                            </div>
                            <span class="w-popup-image-checked"><i class="icon-heart"></i></span>
                        </div>
                        <div class="w-popup-image-time">March 2010</div>
                        <div class="w-popup-image">
                            <div class="centered">
                                <img title="" alt="" src="<?php echo ROOT_URL; ?>upload/images/stories.imgpost.durex-nghe-thuat-cua-quang-caonsp_187.jpg">
                            </div>
                            <span class="w-popup-image-checked"><i class="icon-heart"></i></span>
                        </div>
                        <div class="w-popup-image-time">July 2010</div>
                        <div class="w-popup-image">
                            <div class="centered">
                                <img title="" alt="" src="<?php echo ROOT_URL; ?>upload/images/stories.imgpost.durex-nghe-thuat-cua-quang-caonsp_187.jpg">
                            </div>
                            <span class="w-popup-image-checked"><i class="icon-heart"></i></span>
                        </div>
                    </div>
                    <div class="w-popup-image-contextmenu">
                        <ul>
                            <li>Cut</li>
                            <li>Copy</li>
                            <li>Delete</li>
                        </ul>
                    </div>
                </div>
                <div class="w-popup-footer">
                    <div class="w-popup-footer-content">
                        <input onclick="wPopupClose();" type="button" value="Cancel">
                        <input type="button" value="Ok">
                    </div>
                </div>
            </div>

            <!-- Upload-->
            <div class="w_popup_right_item w_popup_right_upload" style="display: none">
                <div class="w-popup-header">
                    <div class="w-popup-header-content">
                        <ul>
                            <li>Home</li>
                            <li><i class="icon-angle-right"></i></li>
                            <li>Media</li>
                        </ul>
                    </div>
                </div>
                <div class="w-popup-body">

                </div>
            </div>

            <!-- Link-->
            <div class="w_popup_right_item w_popup_right_link" style="display: none">
                <div class="w-popup-header">
                    <div class="w-popup-header-content">
                        <ul>
                            <li>Home</li>
                            <li><i class="icon-angle-right"></i></li>
                            <li>Media</li>
                        </ul>
                    </div>
                </div>
                <div class="w-popup-body">
                    <input class="upload-link-textbox" type="text" placeholder="Paste your link here...">
                    <input class="upload-link-button" type="button" value="Upload">
                </div>
            </div>

            <!-- Facebook-->
            <div class="w_popup_right_item w_popup_right_facebook" style="display: none">
                Hình ảnh từ trang facebook được kết nối
            </div>
            <!-- Dropbox-->
            <div class="w_popup_right_item w_popup_right_dropbox" style="display: none">
                Hình ảnh từ tài khoản dropbox được kết nối
            </div>
        </div>
    </div>
    <span onclick="wPopupClose();" class="w_popup_close"><i class="icon-remove"></i></span>
</div>

<script>
    $(function(){
        $('.popup-upload').click(function(){
            $('#w_popup').show("drop", {
                direction: "up"
            });
        });
    });

</script>
<!--<link type="text/css" rel="stylesheet" href="<?php /*echo ROOT_URL; */?>public/media/media_style.css">
<?php /*require_once "layout/media.php"; */?>
<script src="<?php /*echo ROOT_URL; */?>public/media/media.js"></script>-->
